<template>
  <div class="header">
    <div @click="toSeach">
      <van-icon name="search" size="22" color="#666" />
      <span>搜索商品，共76736款好物</span>
    </div>
  </div>
</template>

<script>
export default {
  methods: {
    toSeach () {
      this.$router.push('/search')
    }
  }
}
</script>

<style lang='less' scoped>
.header{
  height: .88rem;
  border-bottom: 0.005rem solid #ccc;
  padding: .16rem .3rem;
  div{
    display: flex;
    align-items: center;
    justify-content: center;
    height: .56rem;
    border-radius: .1rem;
    background-color: #eee;
    span{
      font-size: .28rem;
      color: #666;
    }
  }
}
</style>
